<nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        
        <a class="navbar-brand" href="#">拉勾网管理系统</a>
      </div>
  
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav max-title">
          <li class="active"><a href="/">首页<span class="sr-only">(current)</span></a></li>
          <li><a href="/html/position.html">职位管理</a></li>
        </ul>
       
        <ul class="nav navbar-nav navbar-right not-login">
          <li><a href="#" id='btnLogin'>登录</a></li>
          <li><a href="#" id='btnReg' >注册</a></li>
        </ul>
            <!-- 登录成功 -->
        <ul class="nav navbar-nav navbar-right hidden already-login">
                <li><a href="#" class="link-username"></a></li>
                <li><a href="#" class="link-logout">退出</a></li>
              </ul>
      </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->
  </nav>

  <!-- 注册模态框start -->
  <div class="modal fade" id="regModal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" >用户注册</h4>
        </div>
        <div class="modal-body">
            <div class="alert alert-danger hidden repassword-error">两次密码不一致</div>
          <form id="registerForm">
            <div class="form-group">
              <label for="username" class="control-label">用户名</label>
              <input type="text" class="form-control" name="username" placeholder="请输入用户名" id="username">
            </div>
            <div class="form-group">
              <label for="password" class="control-label">密码</label>
              <input type="password" class="form-control" placeholder="请输入密码" name='password' id="password">
            </div>
            <div class="form-group">
              <label for="rePassword" class="control-label">确认密码</label>
              <input type="password" class="form-control"  id="rePassword">
            </div>
            <div class="form-group">
              <label for="email" class="control-label">邮箱</label>
              <input type="email" class="form-control" id="email" name="email">
            </div>
           
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" id="onReg">注册</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 模态框注册end -->
  
  <!-- 登录模态框 -->
  <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" >用户登录</h4>
        </div>
        <div class="modal-body">
            <div class="alert alert-danger hidden login-error">用户名或者密码错误</div>
            <div class="alert alert-danger hidden code-error">验证码错误</div>
          <form id="loginForm">
            <div class="form-group">
              <label for="loginUsername" class="control-label">用户名</label>
              <input type="text" class="form-control" name="username" id="loginUsername">
            </div>
            <div class="form-group">
              <label for="loginPassword" class="control-label">密码</label>
              <input type="password" class="form-control" name='password' id="loginPassword">
            </div>
            <div class="form-group">
              <label for="loginValidataCode" class="control-label">验证码</label>
              <input type="text" class="form-control" name='code' placeholder="请输入验证码" id="loginValidataCode">
              <div class="gen-code" style="display:inline-block;cursor:pointer"></div>
            </div>
            
           
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="onLogin">登录</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 登录模态框 -->